<style>
  .block{
    text-align: center;
    margin-top: 15px;
  }
</style>
<template>
    <div class="block">
      <el-pagination
        background
        prev-text="上一页"
        next-text="下一页"
        @current-change="handleCurrentChange"
        :page-size="pageSize"
        layout="total, prev, pager, next, jumper"
        :total= totalCount >
      </el-pagination>
    </div>
</template>
<script type="text/babel">
  export default {
    props: {
      totalCount:{
        type: Number,
        default: 1
      },
      pageSize:{
        type: Number,
        default: 10
      }
    },
    methods: {
        handleCurrentChange(val) {
          this.$emit('changePage',val)
       }
  }
}
</script>
